<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Extra-Map-App</title>

    <link rel="stylesheet" href="http://127.0.0.1/arcgis_js_api/library/4.4/esri/css/main.css">
    <link rel="stylesheet" href="css/mainApp.css">



    <script src="../dist/config.js"></script>

    <script src="http://127.0.0.1/arcgis_js_api/library/4.4/init.js"></script>
   <script>


       // Load the Map and MapView modules
       require(["esri/Map",
           "esri/views/MapView",
           "esri/layers/TileLayer",
           "esri/layers/MapImageLayer",
           "dojo/domReady!"], function(Map, MapView,TileLayer,MapImageLayer) {

           var layer=new TileLayer({
               url:"http://192.168.0.10:6080/arcgis/rest/services/DFZWCaches/15%E5%B9%B4%E5%BD%B1%E5%83%8F/MapServer"
           });

           var layer2=new MapImageLayer({
               url:"http://192.168.0.10:6080/arcgis/rest/services/DFZWCaches/15%E5%B9%B4%E5%BD%B1%E5%83%8F/MapServer"
           });

           // Create a Map instance
           var myMap = new Map({
             //  basemap:"topo",
              layers:[layer2]
           });

           var view = new MapView({
               container:"viewDiv",
               map: myMap
           });

           console.log(layer);
       });
   </script>

</head>
<body>
 <div id="viewDiv"></div>
</body>
</html>